/* 图片公共样式 */
img {
  width: 100%;
}

/* 主体部分公共样式 */
.content,
.content-p,
.imgname,
.imgname-1,
.imgname-3,
.footer {
  display: block;
  margin-top: -5px;
}

/*  中部跳转部分  */
.imgname-1,
.imgname-4 {
  /*父相 */
  position: relative;
}
.imgname-1 .none,
.imgname-4 {
  /* 父级盒子设置弹性布局 */
  display: flex;
}
/* 设置空盒子用来辅助跳转 */
.imgname-1 .none a div {
  height: 213px;
  width: 317px;
  background-color: black;
  /* 设置层级 */
  z-index: 999;
  /* 设置光标小手 */
  cursor: pointer;
  /* 透明度0是完全透明 */
  opacity: 0;
}
/* 设置第1个a链接子元素 */
.imgname-1 .none a:nth-child(1) {
  /* 子级绝对定位 */
  position: absolute;
  top: 0;
  left: 264px;
}
.imgname-1 .none a:nth-child(2) {
  /* 子绝 */
  position: absolute;
  top: 0;
  left: 599px;
}
.imgname-1 .none a:nth-child(3) {
  position: absolute;
  top: 0;
  left: 940px;
}

/* 点击图片文字07.webp跳转到另一个页面 */
.imgname-4 a div {
  width: 320px;
  height: 223px;
  background-color: #000;
  /* 设置层级 */
  z-index: 999;
  /* 设置光标变小手 */
  cursor: pointer;
  /* 透明度0是完全透明 */
  opacity: 0;
}
/* 设置第1个子链接 */
.imgname-4 a:nth-child(1) {
  /* 设置子绝父相 */
  position: absolute;
  top: 278px;
  left: 91px;
}
.imgname-4 a:nth-child(2) {
  /* 设置子绝父相 */
  position: absolute;
  top: 278px;
  left: 426px;
}
.imgname-4 a:nth-child(3) {
  /* 设置子绝父相 */
  position: absolute;
  top: 278px;
  left: 767px;
}
.imgname-4 a:nth-child(4) {
  /* 设置子绝父相 */
  position: absolute;
  top: 278px;
  left: 1108px;
}
